$(function(){
	treeView();
});

function treeView(){
	$('#menuList').bootstrapTreeTable({
				id : 'menuId',
				parentColumn : 'parentId',
				type : "GET", // 请求数据的ajax类型
				url :  '/sysMenu/getMenuList', // 请求数据的ajax的url
				ajaxParams : {}, // 请求数据的ajax的data属性
				expandColumn : '1',// 在哪一列上面显示展开按钮
				striped : true, // 是否各行渐变色
				bordered : true, // 是否显示边框
				expandAll : false, // 是否全部展开
				// toolbar : '#exampleToolbar',
				columns : [
						{
							title : 'Id',
							field : 'menuId',
							visible : false,
							width : '140px;text-align:center'
						},
						{
							title : '名称',
							field : 'name'
						},
						{
							title : '图标',
							field : 'icon',
							width : '80px;text-align:center',
							formatter : function(item, index) {
								return item.icon == null ? '' : '<i class="' + item.icon+ ' fa-lg"></i>';
							}
						},
						{
							title : '类型',
							field : 'type',
							width : '120px;text-align:center',
							formatter : function(item, index) {
								if (item.type === 1) {
									return '<span class="label label-primary">目录</span>';
								}
								if (item.type === 2) {
									return '<span class="label label-success">菜单</span>';
								}
								if (item.type === 3) {
									return '<span class="label label-warning">按钮</span>';
								}
							}
						},
						{
							title : '地址',
							field : 'url'
						},
						{
							title : '权限标识',
							field : 'authCode',
							width : '150px'
						},
						{
							title : '状态',
							field : 'status',
							width : '80px;text-align:center',
							formatter : function(item, index) {
								if (item.status === 1) {
									return '正常';
								}
								if (item.status === 2) {
									return '暂存';
								}
							}
					 	},
					 /*	{
							title : '排序',
							field : 'sort',
							width : '80px;text-align:center'
						},*/
						{
							title : '操作',
							field : 'menuId	',
							width : '300px;text-align:center',
							formatter : function(item, index) {
								var e = ""
								if(item.type==1){
									e = '<a class="btn btn-warning btn-xs" href="#" mce_href="#" title="编辑" onclick="editRoot(\''+ item.menuId+ '\')"><i class="fa fa-paste"></i> 编辑</a> ';
								}else if(item.type==2){
									e = '<a class="btn btn-warning btn-xs" href="#" mce_href="#" title="编辑" onclick="editMenu(\''+ item.menuId+ '\')"><i class="fa fa-paste"></i> 编辑</a> ';
								}else{
									e = '<a class="btn btn-warning btn-xs" href="#" mce_href="#" title="编辑" onclick="editBtn(\''+ item.menuId+ '\')"><i class="fa fa-paste"></i> 编辑</a> ';
								}
								var p="";
								if(item.type==1){
									p = '<a class="btn btn-primary btn-xs"  href="#" mce_href="#" title="添加菜单" onclick="addMenu(\''+ item.menuId+ '\',\''+ item.name+ '\',\''+ item.type+ '\')"><i class="fa fa-check"></i> 添加菜单</a> ';
								}else if(item.type==2){
									p += '<a class="btn btn-primary btn-xs"  href="#" mce_href="#" title="添加菜单" onclick="addMenu(\''+ item.menuId+ '\',\''+ item.name+ '\',\''+ item.type+ '\')"><i class="fa fa-check"></i> 添加菜单</a> ';
									p += '<a class="btn btn-primary btn-xs"  href="#" mce_href="#" title="添加按钮" onclick="addBtn(\''+ item.menuId+ '\',\''+ item.name+ '\',\''+ item.type+ '\')"><i class="fa fa-check"></i> 添加按钮</a> ';
								}
								var d = '<a class="btn btn-danger btn-xs"  href="#" title="删除"  mce_href="#" onclick="remove(\''+ item.menuId+ '\')"><i class="fa fa-trash-o"></i> 删除</a> ';
								return e + p + d;
							}
						} ]
			});
}

function selectIcon(id){
	layer.open({
        type: 2,
		title:'图标列表',
        content: '/sysMenu/icon?id='+id,
        area: ['50%', '60%'],
        success: function(layero, index){
        }
    });
}

function addMenuRoot(){
	$('#addMenuRoot').modal({
        keyboard: true
 });
}


function addMenu(menuId,parentName){
	$('#addMenu').modal({
		keyboard: true
	});
	$('#parentId').val(menuId);
	$('#parentName').val(parentName);
}

function addBtn(menuId,parentName){
	$('#addBtn').modal({
		keyboard: true
	});
	$('#btnParentId').val(menuId);
	$('#btnParentName').val(parentName);
}

function editRoot(menuId){
	$('#editRootMenu').modal({
        keyboard: true
    });
	
	$.ajax({
		url:"/sysMenu/getSysMenuById",
		type:"POST",
		data:{
			"id":menuId
		},
		dataType:"json",
		success:function(data){
			if(data!=null){
				$("#updateRootId").val(data.id);
				$("#updateRootName").val(data.name);
				$("#updateRootStatus option[value='"+data.status+"']").attr("selected","selected");  
				$("#updateRootIcon").val(data.icon);
				$("#updateRootSort").val(data.sort);
			}
		}
	});
}

function editMenu(menuId){
	$('#editMenu').modal({
        keyboard: true
    });
	
	$.ajax({
		url:"/sysMenu/getSysMenuById",
		type:"POST",
		data:{
			"id":menuId
		},
		dataType:"json",
		success:function(data){
			if(data!=null){
				$("#updateParentId").val(data.parentId);
				$("#updateParentName").val(data.parentName);
				$("#updateId").val(data.id);
				$("#updateName").val(data.name);
				$("#updateUrl").val(data.url);
				$("#updateStatus option[value='"+data.status+"']").attr("selected","selected");  
				$("#updateIcon").val(data.icon);
				$("#updateSort").val(data.sort);
			}
		}
	});
}

function editBtn(menuId){
	$('#editBtn').modal({
        keyboard: true
    });
	
	$.ajax({
		url:"/sysMenu/getSysMenuById",
		type:"POST",
		data:{
			"id":menuId
		},
		dataType:"json",
		success:function(data){
			if(data!=null){
				$("#updateBtnParentId").val(data.parentId);
				$("#updateBtnParentName").val(data.parentName);
				$("#updateBtnId").val(data.id);
				$("#updateBtnName").val(data.name);
				$("#updateBtnAuthCode").val(data.authCode);
				$("#updateBtnStatus option[value='"+data.status+"']").attr("selected","selected");  
				$("#updateBtnIcon").val(data.icon);
				$("#updateBtnSort").val(data.sort);
			}
		}
	});
}

function remove(menuId){
	$.ajax({
		url:"/sysMenu/removeSysMenuById",
		type:"POST",
		data:{
			"id":menuId
		},
		dataType:"json",
		success:function(data){
			if(data!=null){
				layer.msg(data.msg);
				treeView();
			}
		}
	});
}


